<template>
    <section>

        <ul>
            <li v-for="node in nodeList" :key="node.id">




                <div>

                    <el-row type="flex" class="row1">
                        <el-col class="col2">
                            <el-popover trigger="click" placement="right" :value="node.show"  @show='show1(node)' >
                                <taskInfoShow :key='task._id' v-for="task in taskList" v-if="task.nodeId==node.id" :currObj='task' customerOrder='customerOrder'></taskInfoShow>
                                <el-button slot="reference" size="small" class="btn1"><i class="fa fa-eye"></i></el-button>
                            </el-popover>
                        </el-col>
                        <el-col>
                            <span class='sp_1' v-text="getTaskClassName(node.taskClassId)"></span>
                            <el-progress :percentage="getJd(node)" :status="getStatusStr(node)"></el-progress>
                        </el-col>

                    </el-row>

                </div>
  
            </li>
        </ul>

    </section>
</template>
<script src='./nodeListShow.js'></script>
<style>
    ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .sp_1 {
        width: 70px
    }

    .row1 .col2 .btn1 {
        margin-right: 10px
    }
</style>